<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"  %> 
<%@ taglib prefix="c"   uri="http://java.sun.com/jsp/jstl/core" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
 
<html>
  <head>
 
    <title>总装工艺下载</title>
    
    <style type="text/css">
    	*{
    		padding:0;
    		margin: 0;
    	}
    	html, body {
		    font-size: 14px;
			font-family: Arial Unicode MS;
           	background-color: #f1f1f1;
	    }
	    .left{
	    	float: left;
	    }
	  
    	.co-head{
		    background-color: #fff;
		    margin: 15px;
		    padding: 5px 0 20px;
		    text-align: center;
		    position: relative;
		}
		.co-headTop{
			height: 70px;
		    position: relative;
		}
		.co-headCol{
			display: inline-block;
			text-align: left;
		}
		.co-headTitle{
			font-size: 22px;
		    border-right: 3px solid #1EB5AD;
		    padding: 5px 30px 5px 0;
		    margin: 15px 15px 15px 0;
		}
		.co-carType{
		    position: relative;
		    top: 2px;
		}
		.co-carName{
			position: relative;
		    top: 8px;
		}
		.co-headCount{
		    display: inline-block;
		    width: 350px;
		    height: 30px;
		    line-height: 30px;
		    border: 1px solid #1EB5AD;
		    border-radius: 5px;
		    cursor: pointer;
		}
		
		.co-content{
			background-color: #fff;
			padding: 15px;
			margin: 15px;
		}
		
		.co-contentList table{
			width: 100%;
		    border: 1px solid #ddd;
		    border-spacing: 0;
		    border-collapse: collapse;
		}
		.co-contentList tr{
			height: 38px;
    		line-height: 38px;
    		text-align: center;
			vertical-align: middle;
		}
 
		.co-contentList thead{
			background-color: #ECEAEA;
		}
		.table>thead>tr>th {
		    border-bottom: 2px solid #ddd;
		}
		.table>tbody>tr:not(:last-child) {
		    border-bottom: 1px solid #ddd;
		}
		.table>tbody>tr>td:not(:last-child),
		.table>thead>tr>th:not(:last-child){
		    border-right: 1px solid #ddd;
		}
		
	 
    </style>
  </head>
  
  <body>
    <div class="load-body">
  		<div class="co-head">
			<div class="co-headTop">
				<div class="co-headCol co-headTitle">总装工艺</div>
				<div class="co-headCol">
					<div class="co-carType">型号：<span>${carInstructionsModel.cartype}</span></div>
					<div class="co-carName">${carInstructionsModel.alias}</div>
				</div>
			</div>
			<div class="co-headCount">共${fn:length(carInstructionsModel.valueList)}道工艺</div>
		</div>
		
  		<!-- 内外饰 -->
  		<div class="co-content">
  			<div class="co-contentList">
  				<table class="table table-bordered table-hover">
			      <thead>
			        <tr>
			          <th style="width: 10%;">工序</th>
			          <th>工序内容</th>
			        </tr>
			      </thead>
			      <tbody>
		      		        <c:forEach var="carInstructionsModel" items="${carInstructionsModel.valueList}" varStatus="vs">
						        <tr>
						          <td><span class="listNum">${carInstructionsModel.instructionsno}</span></td>
						          <td>${carInstructionsModel.content}</td>
						        </tr>
                             </c:forEach>
			      </tbody>
			    </table>
  			</div>
  		</div><!-- co-content-->
		
	</div>
  </body>
</html>
